<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,
    initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <title>文化传媒设计首页</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/animate.js"></script>

    <script src="./js/navTool.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <!-- 顶部搜索框 -->
    <div class="search-content">
        <a href="index.html" class="logo">
            <img src="logo.png">
        </a>
        <div class="title">文化传媒设计</div>
        <div class="user">
            <a href="login.html"></a>
        </div>
    </div>
    <!-- 导航栏按钮 -->
    <div class="nav_button">
        <div class="nav_button_out">
            <div class="nav_button_in">
                <a href="Javascript:;"></a>
            </div>
        </div>
    </div>
    <!-- 左导航 -->
    <div class="nav_intheleft">
        <div class="nav_left">
            <div class="nav_left_in">
                <ul>
                    <a href="index.html" class="center_V">
                        <span class="sy"></span>
                        <p>首页</p>
                    </a>
                    <a href="advertising.html" class="center_V adv2">
                        <span></span>
                        <p>广告宣传</p>
                    </a>
                    <a href="video_production.html" class="center_V video">
                        <span></span>
                        <p>影视制作</p>
                    </a>
                    <a href="./404.html" class="center_V">
                        <span></span>
                        <p>网页设计</p>
                    </a>
                    <a href="./404.html" class="center_V">
                        <span></span>
                        <p>产品展示</p>
                    </a>
                    <a href="./404.html" class="center_V">
                        <span class="zx"></span>
                        <p>会员中心</p>
                    </a>
                    <a href="./404.html" class="center_V">
                        <span></span>
                        <p>关于我们</p>
                    </a>
                    <a href="./404.html" class="center_V">
                        <span></span>
                        <p>新闻动态</p>
                    </a>
                    <a href="./404.html">
                        <span></span>
                        <p>产品分类</p>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- banner部分 -->
    <div class="banner">
        <ul class="focus">
            <a href="Javasript">
                <div class="focus_pic_three">
                    <img data-lazy-src="./upload/focus3.jpg" alt="">
                </div>
            </a>
            <a href="Javasript">
                <div class="focus_pic">
                    <img data-lazy-src="./upload/focus.jpg" alt="">
                </div>
            </a>
            <a href="Javasript">
                <div class="focus_pic_one">
                    <img data-lazy-src="./upload/focus1.jpg" alt="">
                </div>
            </a>
            <a href="Javasript">
                <div class="focus_pic_two">
                    <img data-lazy-src="./upload/focus2.jpg" alt="">
                </div>
            </a>
            <a href="Javasript">
                <div class="focus_pic_three">
                    <img data-lazy-src="./upload/focus3.jpg" alt="">
                </div>
            </a>
            <a href="Javasript">
                <div class="focus_pic">
                    <img data-lazy-src="./upload/focus.jpg" alt="">
                </div>
            </a>
        </ul>
        <div class="bannerBall">
            <ul>
            </ul>
        </div>
    </div>
    <!-- 主导航 -->
    <div class="local_nav">
        <div class="local_nav_inside">
            <a href="index.html" class="pageIndex">
                <span class="pageIndex_cover">
                    <div class="pic_word">
                        <div class="pageIndex_pic_word_pic">
                            
                        </div>
                        <span class="pageIndex_pic_word_word">网站首页</span>
        </div>
        </span>
        </a>
        <div class="partOne">
            <div class="partOne_one">
                <a href="advertising.html" class="adv">
                    <div class="cover center_VH">
                        <div class="cover_PW">
                            <div class="cover_P"></div>
                            <div class="cover_W">广告宣传</div>
                        </div>
                    </div>
                </a>
                <a href="video_production.html" class="videoP">
                    <div class="cover center_VH">
                        <div class="cover_PW">
                            <div class="cover_P"></div>
                            <div class="cover_W">影视制作</div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="partOne_two">
                <a href="./404.html" class="news">
                    <div class="cover center_VH">
                        <div class="cover_PW">
                            <div class="cover_P"></div>
                            <div class="cover_W">新闻动态</div>
                        </div>
                    </div>
                </a>
                <a href="./404.html" class="contactAs">
                    <div class="cover center_VH">
                        <div class="cover_PW">
                            <div class="cover_P"></div>
                            <div class="cover_W">联系我们</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="partTow">
            <a href="./404.html" class="aboutAs">
                <div class="cover center_VH">
                    <div class="cover_PW">
                        <div class="cover_P"></div>
                        <div class="cover_W">关于我们</div>
                    </div>
                </div>
            </a>
            <a href="./404.html" class="Partners">
                <div class="cover center_VH">
                    <div class="cover_PW">
                        <div class="cover_P"></div>
                        <div class="cover_W">合作</div>
                    </div>
                </div>
            </a>
        </div>
    </div>
    </div>
    <!-- 优势介绍 -->
    <div class="Advantage_box center_VH">
        <div class="mould_box">
            <div class="mould_title">
                <div class="title">优势介绍</div>
                <div class="subtitle">
                    <span>
                        较好的"互联网+影像"视频营销系列服务商
                    </span>
                </div>
                <div class="line">
                    <img data-lazy-src="images/line.png">
                </div>
            </div>
        </div>
    </div>
    <!-- 优势分类 -->
    <div class="Advantage_part">
        <div class="part_box">
            <ul class="part_box_list">
                <li>
                    <a href="Javasript:;" class="center_VH">
                        <div></div>
                        <span>知名团队</span>
                    </a>
                </li>
                <li>
                    <a href="Javasript:;" class="center_VH">
                        <div class="fontbig"></div>
                        <span>多家合作</span>
                    </a>
                </li>
                <li>
                    <a href="Javasript:;" class="center_VH">
                        <div class="fontbig"></div>
                        <span>主流媒体</span>
                    </a>
                </li>
                <li>
                    <a href="Javasript:;" class="center_VH">
                        <div></div>
                        <span>增值服务</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 服务体系 -->
    <div class="Service_system">
        <div class="mould_box">
            <div class="mould_title">
                <div class="title">服务体系</div>
                <div class="subtitle">
                    凝聚XX年案例经验
                </div>
                <div class="subtitle">
                    我们了解大中小型企业的模式与需求
                </div>
                <div class="line">
                    <img data-lazy-src="images/line.png">
                </div>
            </div>
        </div>
    </div>
    <!-- 服务体系分类 -->
    <div class="Service_system_part">
        <div class="system_part_box">
            <div class="system_part">
                <div class="system_part_one">
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server.jpg">
                            </div>
                            <span>广告片</span>
                        </a>
                    </li>
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server2.jpg">
                            </div>
                            <span>影视制作</span>
                        </a>
                    </li>
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server4.png">
                            </div>
                            <span>营销推广</span>
                        </a>
                    </li>
                </div>
                <div class="system_part_two">
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server1.jpg">
                            </div>
                            <span>微电影</span>
                        </a>
                    </li>
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server3.jpg">
                            </div>
                            <span>宣传片</span>
                        </a>
                    </li>
                    <li>
                        <a href="Javasript" class="center_VH">
                            <div>
                                <img data-lazy-src="upload/server5.png">
                            </div>
                            <span>活动公关</span>
                        </a>
                    </li>
                </div>
            </div>
        </div>

    </div>
    <!-- 关于我们 -->
    <div class="aboutasPart">
        <div class="aboutasPart_out">
            <div class="aboutasPart_in">
                <div class="ourPic">
                    <img data-lazy-src="upload/default.jpg">
                </div>
                <div class="aboutasPart_in_page">
                    <div class="aboutasPart_in_title">
                        <span>关于我们</span>
                    </div>
                    <div class="aboutasPart_in_word">
                        <p>
                            凭着XX文化传媒的媒体优势以及出色的技术和服务,XX文化传媒已经成为省内外领先的综合服务提供商。公司与多家省内外知名企业建立起了广泛良好的合作关系
                        </p>
                    </div>
                    <a href="Javasript" class="aboutasPart_more">查看更多>></a>
                    <div class="aboutasPart_in_pic">
                        <img data-lazy-src="images/more.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 成功案例 -->
    <div class="success">
        <div class="success_in">
            <div class="mould_box">
                <div class="mould_title">
                    <div class="title">成功案例</div>
                    <div class="subtitle">
                        <span>
                            凝聚XX年案例经验
                        </span>
                        <span>我们了解大中小型企业的模式与需求</span>
                    </div>
                    <div class="line">
                        <img data-lazy-src="images/line.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="success_pic">
            <div class="success_pic_in">
                <div class="success_pic_in_box">
                    <ul>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic5.png">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic.webp">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic1.webp">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic2.webp">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic3.png">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic4.png">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic5.png">
                            </li>
                        </a>
                        <a href="Javasript">
                            <li>
                                <img data-lazy-src="upload/success_pic.webp">
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻资讯 -->
    <div class="newsInformation">
        <div class="news_out">
            <div class="news_in">
                <div class="mould_box">
                    <div class="mould_title">
                        <div class="title">新闻资讯</div>
                        <div class="subtitle">
                            <span>
                                案例分享与行业分析，源于我们长年对行业趋势的观察与解读。在此，
                            </span>
                            <a href="Javasript:;">与您分享>></a>
                        </div>
                        <div class="line">
                            <img data-lazy-src="images/line.png">
                        </div>
                    </div>
                </div>
            </div>
            <div class="news_pic">
                <a href="Javasript:;">
                    <img data-lazy-src="images/news_pic.webp" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 底部导航栏 -->
    <div class="bottom-nav">
        <ul>
            <a href="./404.html" class="phone">
                <li>
                    
                </li>
            </a>
            <a href="./404.html" class="note">
                <li>
                    
                </li>
            </a>
            <a href="./404.html" class="QQ">
                <li>
                    
                </li>
            </a>
            <a href="Javascript:;" class="goBack">
                <li>
                    
                </li>
            </a>
        </ul>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="footer_box">
            <div class="copyright center_VH">
                <span>©</span>2021&nbsp;版权所有
            </div>
            <div class="version center_VH">
                <span class="computer">电脑版</span>
                <span class="gang">|</span>
                <span>本站使用</span>
                <em>欧叶建站&nbsp;搭建</em>
            </div>
        </div>
    </div>

    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="./dist/EasyLazyload.min.js"></script>
    <script src="./js/ImgLoading.js"></script>
</body>

</body>

</html>